<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style type="text/css">
    
    
    .rectangle {
        position:absolute;
        left:0;right:0;top:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:2rem;
    }
    .rectangle-angle {
        position:absolute;
        border-style: solid;
        border-color: #FFFFFF;
    }
    .rectangle-angle-pos1{
        top:-1px;
        left:-1px;
    }
    .rectangle-angle-pos2{
        top:-1px;
        right:-1px;
    }
    .rectangle-angle-pos3{
        bottom:-1px;
        left:-1px;
    }
    .rectangle-angle-pos4{
        bottom:-1px;
        right:-1px;
    }
    .rectangle-angle-row1 {
        border-width: 1px 0 0 20px;
    }
    .rectangle-angle-row2 {
        border-width: 1px 20px 0 0;
    }
    .rectangle-angle-col1 {
        border-width: 20px 0 0 1px;
    }
    .rectangle-angle-col2 {
        border-width: 20px 1px 0 0;
    }
    
    
    #photo_button_wrap{
    	display:none;
    	position:absolute;
    	top:0;
    	left:0;
    }
    
    #photo_button_wrap:hover, #photo_button_wrap:active,#photo_button_wrap:focus{
    	color:#666666;
    }
    #photo_button{
    	text-align:center;
    	position: absolute;
    	left:0;right:0;top:0;bottom:0;
    	margin:auto;
    	color:#FFFFFF;
    	font-weight:400;
    }
    </style>
</head>
<body>
<div id="photo_container" style="width:100%;">
	<div id="photo_background" style="width:100%;height:100%;"></div>
	
    <div id="photo_button_wrap" class="rectangle">
    	<span class="rectangle-angle rectangle-angle-pos1 rectangle-angle-row1"></span>
    	<span class="rectangle-angle rectangle-angle-pos1 rectangle-angle-col1"></span>
    	
    	<span class="rectangle-angle rectangle-angle-pos2 rectangle-angle-row2"></span>
    	<span class="rectangle-angle rectangle-angle-pos2 rectangle-angle-col1"></span>
    	
    	<span class="rectangle-angle rectangle-angle-pos3 rectangle-angle-row1"></span>
    	<span class="rectangle-angle rectangle-angle-pos3 rectangle-angle-col2"></span>
    	
    	<span class="rectangle-angle rectangle-angle-pos4 rectangle-angle-row2"></span>
    	<span class="rectangle-angle rectangle-angle-pos4 rectangle-angle-col2"></span>


		<img id="photo_cover" />
			
		<div id="photo_button">
	    	<div style="width:100%;">
	    		<i class="aui-iconfont aui-icon-camera" style="font-size:1.4rem;"></i>
	    	</div>
	    	<div style="width:100%;font-size:0.8rem;">
	    		设置封面
	    	</div>
    	</div>
    </div>
    
    

</div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/api-extends-app.js"></script>
<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
<script type="text/javascript">
	
    apiready = function(){
        appinit();
        api.parseTapmode();
    };
    
</script>
</html>
